Skip to content

Conversation

@dependabot
Copy link

@dependabot dependabot bot commented on behalf of github Nov 1, 2025

Bumps recharts from 2.15.4 to 3.3.0.

Release notes

Sourced from recharts's releases.

v3.3.0

What's Changed

Feat

  • ResponsiveContainer is now built-in to all charts by @​PavelVanecek in recharts/recharts#6388
    • add the responsive prop to any chart along with a height and width as if you were using ResponsiveContainer. One less component to wrap things with. ResponsiveContainer will continue to work for the life of 3.x
<BarChart data={data} responsive height={300} width="100%">
  ....
</BarChart>

Fix

Website changes - https://recharts.github.io/

Unfortunately the current contributors and admins do not own recharts.org and the renewal of the domain remains up in the air. To remove that uncertainty we have deployed the website at our github pages URL instead.

New Contributors

Full Changelog: recharts/recharts@v3.2.1...v3.3.0

v3.2.1

What's Changed

Fix

... (truncated)

Commits
  • 7f4f707 Add tests for getAttrsOfCartesianLabel, allow Percent type for custom label p...
  • 9bbaa5d More strictNullChecks refactoring (#6446)
  • 189f235 3.3.0 version bump (#6463)
  • d558329 chore(deps-dev): bump the storybook group across 1 directory with 7 updates (...
  • 72bfccb chore(deps-dev): bump eslint-plugin-storybook from 9.1.10 to 9.1.12 (#6458)
  • 87a8181 chore(deps-dev): bump vite from 6.3.7 to 6.4.0 in /www (#6454)
  • 42d0258 chore(deps-dev): bump typescript-eslint from 8.46.0 to 8.46.1 (#6451)
  • 1a9f9ee chore(deps-dev): bump vite from 6.3.6 to 6.3.7 in /www (#6452)
  • 57e89b0 Only use the YAxis width oscillation detection if the difference is > 1 pixel...
  • debb9a4 chore(deps-dev): bump eslint-config-airbnb-extended from 2.3.1 to 2.3.2 (#6448)
  • Additional commits viewable in compare view

Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot merge will merge this PR after your CI passes on it
  • @dependabot squash and merge will squash and merge this PR after your CI passes on it
  • @dependabot cancel merge will cancel a previously requested merge and block automerging
  • @dependabot reopen will reopen this PR if it is closed
  • @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Bumps [recharts](https://github.com/recharts/recharts) from 2.15.4 to 3.3.0.
- [Release notes](https://github.com/recharts/recharts/releases)
- [Changelog](https://github.com/recharts/recharts/blob/main/CHANGELOG.md)
- [Commits](recharts/recharts@v2.15.4...v3.3.0)

---
updated-dependencies:
- dependency-name: recharts
  dependency-version: 3.3.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot @github
Copy link
Author

dependabot bot commented on behalf of github Nov 1, 2025

Labels

The following labels could not be found: dependencies. Please create it before Dependabot can add it to a pull request.

Please fix the above issues or remove invalid values from dependabot.yml.

@vercel
Copy link

vercel bot commented Nov 1, 2025

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Preview Comments Updated (UTC)
components.build Error Error Nov 1, 2025 0:26am

@socket-security
Copy link

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Updatedrecharts@​2.15.4 ⏵ 3.3.098 +110098 -295 +1100

View full report

Copy link

@vercel vercel bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🔧 Build Fix:

The ChartTooltipContent and ChartLegendContent functions have incorrect TypeScript prop types that try to access payload from Recharts component props, but Recharts 3.3.0 excludes payload from the component props type and passes it through content component props instead.

View Details
📝 Patch Details
diff --git a/components/ui/chart.tsx b/components/ui/chart.tsx
index 97cc280..2fd35fa 100644
--- a/components/ui/chart.tsx
+++ b/components/ui/chart.tsx
@@ -118,14 +118,21 @@ function ChartTooltipContent({
   color,
   nameKey,
   labelKey,
-}: React.ComponentProps<typeof RechartsPrimitive.Tooltip> &
-  React.ComponentProps<"div"> & {
-    hideLabel?: boolean
-    hideIndicator?: boolean
-    indicator?: "line" | "dot" | "dashed"
-    nameKey?: string
-    labelKey?: string
-  }) {
+}: {
+  active?: boolean
+  payload?: any[]
+  label?: any
+  className?: string
+  indicator?: "line" | "dot" | "dashed"
+  hideLabel?: boolean
+  hideIndicator?: boolean
+  labelFormatter?: (label: any, payload: any[]) => React.ReactNode
+  labelClassName?: string
+  formatter?: (value: any, name: any, item: any, index: number, payload: any) => React.ReactNode
+  color?: string
+  nameKey?: string
+  labelKey?: string
+}) {
   const { config } = useChart()
 
   const tooltipLabel = React.useMemo(() => {
@@ -256,8 +263,9 @@ function ChartLegendContent({
   payload,
   verticalAlign = "bottom",
   nameKey,
-}: React.ComponentProps<"div"> &
-  Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+}: React.ComponentProps<"div"> & {
+    payload?: any[]
+    verticalAlign?: "top" | "bottom"
     hideIcon?: boolean
     nameKey?: string
   }) {

Analysis

TypeScript compilation error due to Recharts 3.3.0 breaking changes

What fails: TypeScript compiler fails on components/ui/chart.tsx at lines 109 and 267 due to missing payload property on Tooltip and Legend component props

How to reproduce:

pnpm run build

Result:

./components/ui/chart.tsx:109:3
Type error: Property 'payload' does not exist on type 'Omit<Props<ValueType, NameType>, PropertiesReadFromContext> & { active?: boolean | undefined; includeHidden?: boolean | undefined; ... 17 more ...; axisId?: AxisId | undefined; } & ClassAttributes<...> & HTMLAttributes<...> & { ...; }'.

./components/ui/chart.tsx:267:39
Type error: Type '"payload" | "verticalAlign"' does not satisfy the constraint...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant